﻿@using Core.Contract.DataContract
@using www.Controllers
@using www.Core.Contract.DataContract
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Relax 2 smile - @ViewBag.Title</title>
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="keywords" content='@ViewBag.Keyword' />
    <meta name="description" content='@ViewBag.Decription' />
    <meta name="robots" content="nofollow" />
    <meta name="author" content="Dragon" />
    <meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1.0,maximum-scale=1.0" />
    @*<meta http-equiv="refresh" content="60">*@
    <link href="~/Content/jquery-ui.css" rel="stylesheet" />
    <link href="~/Content/mb.css" rel="stylesheet" media="screen" />
    <script src="~/Scripts/jquery.min.js"></script>
    <script src="~/Scripts/jquery-ui.js"></script>
    <script type='text/javascript'>
       
        var googletag = googletag || {};
        googletag.cmd = googletag.cmd || [];
        (function () {
            var gads = document.createElement('script');
            gads.async = true;
            gads.type = 'text/javascript';
            var useSSL = 'https:' == document.location.protocol;
            gads.src = (useSSL ? 'https:' : 'http:') +
                '//www.googletagservices.com/tag/js/gpt.js';
            var node = document.getElementsByTagName('script')[0];
            node.parentNode.insertBefore(gads, node);
        })();
    </script>

    <script type='text/javascript'>
        if (screen.width >= 768) {
            googletag.cmd.push(function () {
                googletag.defineSlot('/423535368/bn_001', [728, 90], 'div-gpt-ad-1421906395209-0').addService(googletag.pubads());
                googletag.pubads().enableSingleRequest();
                googletag.enableServices();
            });
            
            googletag.cmd.push(function () {
                googletag.defineSlot('/423535368/sb_t_002', [300, 600], 'div-gpt-ad-1422374619991-0').addService(googletag.pubads());
                googletag.pubads().enableSingleRequest();
                googletag.enableServices();
            });
            
            
        } else {
            googletag.cmd.push(function () {
                googletag.defineSlot('/423535368/bn_002', [300, 100], 'div-gpt-ad-1421907098675-0').addService(googletag.pubads());
                googletag.pubads().enableSingleRequest();
                googletag.enableServices();
            });
        }
        
        googletag.cmd.push(function () {
            googletag.defineSlot('/423535368/ft_b_001', [300, 100], 'div-gpt-ad-1422375547030-0').addService(googletag.pubads());
            googletag.pubads().enableSingleRequest();
            googletag.enableServices();
        });
    </script>
   

    <script>
        $(function () {

            if ($(window).width() <= 640) {
                $('#cssMenu').css({ 'display': 'none', 'top': '0' });
                $('#menu-wrap').removeClass('nav').addClass('mbnav');
            }

            $("#menu-link").toggle(function () {
                //$('#menu-wrap').css({ 'top': '-10px' });
                $('#cssMenu').css({ 'display': 'block', 'top': '0', 'overflow-y': 'scroll' });
            }, function () {
                //$('#menu-wrap').css({ 'top': '0' });
                $('#cssMenu').css({ 'display': 'none', 'top': '0' });
            });
        });

    </script>
    
    <script type="text/javascript">
        $(function () {

            if (!!$('#advertise').offset()) {

                var adTop = $('#advertise').offset().top;

                $(window).scroll(function () {
                    var windowTop = $(window).scrollTop();
                    if (adTop < windowTop) {

                        $('#advertise').css({ position: 'fixed', top: 40 });
                    }
                    else {
                        $('#advertise').css({ position: 'static' });
                    }
                });
            }

            if (!!$('#readstory').offset()) {
                var sttop = $('#readstory').offset().top;
                var storyheight = $('#readstory').height();

                $(window).scroll(function () {
                    var windowTop = $(window).scrollTop();

                    if ((storyheight - sttop) < windowTop) {
                        if ($(window).width() >= 768 && $(window).width() <= 800)
                            $('#readstory').css({ position: 'fixed', top: 40, width: '28%' });
                        else {
                            if ($(window).width() < 768)
                                $('#readstory').css({ position: 'static', width: '100%' });
                            else {
                                $('#readstory').css({ position: 'fixed', top: 40, width: '23%' });
                            }
                        }
                    }
                    else {
                        $('#readstory').css({ position: 'static', top: 160, width: 'auto' });
                    }
                });
            }
        });
    </script>

</head>
<body>

    <div id="fb-root"></div>
    <script>

        (function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&appId=1532667073632464&version=v2.0";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>
    <div class="Share">
        @Html.Partial("FlagPartial")
    </div>
    @*<a id="top"></a>*@
    <div id="outerContainer">
        <div id="global-nav-center">
            <div id="globalNavBar" class="clearfix">
                <div class="nav" id="menu-wrap">
                    <div style="top: 0;">
                        <a href="/" id="home" title="RELAX2S">
                            <img src="~/Images/Design/LOGO.png" alt="RELAX2S" class="imglogo" />
                        </a>
                        <a id="menu-link">MENU</a>
                    </div>
                    @Html.Partial("MenuPatial", @ViewBag.RelaxMenuDataContracts as List<RelaxMenuDataContract>)
                </div>
            </div>
        </div>

        <div id="innerContainer">
            <div id="mainContainer">
                <div id="contentContainer">
                    <div class="banner">
                        <h1 style="width: 100%; height: 100%; overflow: hidden; margin: 0; padding: 0; background: #fff;">
                            @Html.Partial("BannerPartial", @ViewBag.RelaxAdvertiseDataContracts as List<RelaxAdvertiseDataContract>)
                        </h1>
                    </div>
                    <div class="clear"></div>
                    @RenderSection("featured", required: false)
                    <section class="main-content">
                        @RenderBody()
                    </section>

                </div>
                <div id="adContainer">
                    <div class="content-box-gray ad-box">
                        <div class="ads-frame">
                            @Html.Partial("SidebarTopPartial", @ViewBag.RelaxAdvertiseDataContracts as List<RelaxAdvertiseDataContract>)
                        </div>

                        <div class="clear"></div>
                        <div id="share" class="frame">
                            <div class="title">
                                <h2>@Utility.GetResource.GetResouceValue(Session["Culture"], "lblShare")</h2>
                            </div>
                            <div class="frame-content">
                                @Html.Partial("SharePartial")
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="video-frame" id="video">
                            <div class="title">
                                <h2>@Utility.GetResource.GetResouceValue(Session["Culture"], "lblVideo")</h2>
                            </div>
                            <div class="frame-content">
                                @Html.Partial("_VideoPartial", @ViewBag.RelaxVideoDataContracts as List<RelaxVideoDataContract>)
                            </div>
                        </div>
                        <div id="advertise" style="background: transparent;">
                            <div class="ads-frame">
                                @Html.Partial("SidebarButtomPartial", @ViewBag.RelaxAdvertiseDataContracts as List<RelaxAdvertiseDataContract>)
                            </div>
                        </div>
                    </div>
                    <!-- content-box-gray -->
                </div>
                <div class="clear"></div>
                <div id="footerAd" align="center">
                    <div class="banner">
                        <h1 style="width: 100%; height: 100%; position: relative; overflow: hidden; margin: 0; padding: 0; background: #fff;">
                            @Html.Partial("AdsFooterPartial", @ViewBag.RelaxAdvertiseDataContracts as List<RelaxAdvertiseDataContract>)
                        </h1>
                    </div>
                </div>
                <div class="clear"></div>
                <div class="footer">
                    <div style="border-top: 10px solid #4169e1; position: relative;"></div>
                    <div style="margin: 7px auto 10px auto; position: relative;">
                        <span style="padding: 10px 5px 10px 5px;">@Html.ActionLink(Utility.GetResource.GetResouceValue(Session["Culture"], "lblContact"), "Contact", new { cul = Session["Culture"] })</span> |
                    <span style="padding: 10px 5px 10px 5px;">@Html.ActionLink(Utility.GetResource.GetResouceValue(Session["Culture"], "lblTraining"), "Introduce", new { cul = Session["Culture"] })</span> |
                        <span style="padding: 10px 5px 10px 5px;">@Html.ActionLink(Utility.GetResource.GetResouceValue(Session["Culture"], "lblPolicy"), "Policy", new { cul = Session["Culture"] })</span> |
                        <span style="padding: 10px 5px 10px 5px;">@Html.ActionLink(Utility.GetResource.GetResouceValue(Session["Culture"], "lblRule"), "Rules", new { cul = Session["Culture"] })</span> |
                    <span style="padding: 10px 5px 10px 5px;">@Html.ActionLink(Utility.GetResource.GetResouceValue(Session["Culture"], "lblFAQ"), "FAQ", new { cul = Session["Culture"] })</span>
                    </div>
                    <div style="margin: 10px auto 5px auto; position: relative;">
                        <span><a href="https://www.facebook.com/pages/Relax2scom/865889726766153">Facebook</a></span> |
                        <span><a href="https://twitter.com/relax2s">Tiwitter</a></span> |
                        <span><a href="https://plus.google.com/u/0/109190504845027111565/posts">Google +</a></span>
                    </div>
                </div>
            </div>

        </div>

    </div>
    31546874404235
    @* <script type="text/javascript">
         (function () {
             var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
             ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
             var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
         })();
    </script>*@
    @*    @Scripts.Render("~/bundles/jquery")*@
    @RenderSection("scripts", required: false)
</body>
</html>

